
<template>

  <div>
    <el-row style="background-color: aquamarine">
      <el-col :span="24"><h1>进销存管理系统</h1></el-col>
    </el-row>

    <el-row>
      <el-col :span="3" style="background-color: aqua">
        <!--导航菜单-->
        <!--class="el-menu--vertical-demo" 默认样式-->
        <!--text-color 字体颜色-->
        <el-menu class="el-menu--vertical-demo" text-color="#fff"
                 default-active="" background-color="#545c64">
          <el-sub-menu index="1">
            <template #title>
              <el-icon>
                <location/>
              </el-icon>
              <span>采购管理</span>
            </template>
            <el-menu-item index="1-1" @click="PurchaseReceipt">采购入库</el-menu-item>
            <el-menu-item index="1-2" @click="PurchaseInformationQuery">采购信息查询</el-menu-item>
          </el-sub-menu>
        </el-menu>
      </el-col>
      <el-col :span="21" style="background-color: palegreen">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>
</template>


<script>
import axios from "axios";

export default {
  name: "buyer",
  data() {

  },
  methods: {
    PurchaseReceipt(){
      this.$router.push("/PurchaseReceipt");
    },
    PurchaseInformationQuery(){
      this.$router.push("/PurchaseInformationQuery");
    }
  }
}
</script>

<style scoped>

</style>